<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>合作列表页</title>
		<link rel="stylesheet" type="text/css" href="../css/l-list.css"/>
		<link rel="shortcut icon" href="../favicon.ico">
	</head>
	<body>
		<div class="web">
			<header>
				<div class="top_content">
					<div class="top_logo">
						<img src="../img/L/l-t-logo.png"/>
					</div>
					<div class="top_nav">
						<ul class="navt_content">
							<li><a href="">加入</a></li>
							<li class="more_help">
								<a href="">登录</a>
								<div class="help_menu">
									<p>what...</p>
									<p>the...</p>
									<p>hell...</p>
								</div>
							</li>
							<li class="more_help">
								<a href="">帮助</a>
								<div class="help_menu">
									<p>不想帮你...</p>
									<p>NOTHELP...</p>
									<p>کمک نمی کند...</p>
								</div>
							</li>
							<li><a href="" class="iconfont icon-earth"></a></li>
							<li class="more_help">
								<a href="">语言</a>
								<div class="language_menu">
									<p>chinese...</p>
									<p>英语...</p>
									<p>فارسی...</p>
								</div>
							</li>
							<li><a href="" class="iconfont icon-facebook ico_li"></a></li>
							<li><a href="" class="iconfont icon-Twitter ico_li"></a></li>
						</ul>
						<ul class="navb_content">
							<li><a href="../index.html">首页</a></li>
							<li><a href="">推荐</a></li>
							<li><a href="activity-collect.html">活动</a></li>
							<li><a href="">交友</a></li>
							<li><a href="">求职</a></li>
							<li><a href="cooperation.html">合作</a></li>
							<li><a href="policy.html">政策</a></li>
						</ul>
					</div>
				</div>
			</header>
			<!--轮播图-->
			<div class="out">
				<div class="see">
					<div class="carousel_content">
						<h1>新生活，新起点</h1>
						<h3 class="carousel_header">
							<span>华夏海归</span>
							迎新酒会
							<a href="">活动详情</a>
						</h3>
						<p>January 1, 2014&nbsp;&nbsp;&nbsp;地点：广州市文华东方酒店</p>
					</div>
					<ul class="pic_box">
						<li>
							<img src="../img/L/l-carousel-2.jpg"/>
						</li>
						<li>
							<img src="../img/L/l-carousel-2.jpg"/>
						</li>
						<li>
							<img src="../img/L/l-carousel-2.jpg"/>
						</li>
						<li>
							<img src="../img/L/l-carousel-2.jpg"/>
						</li>
						<li>
							<img src="../img/L/l-carousel-2.jpg"/>
						</li>
					</ul>
					<ul class="pannel">
						
					</ul>
				</div>
			</div>
			<!--内容-->
			<section>
				<!--标题-->
				<div class="list_header">
					<h2>合作资讯</h2>
					<a href="">发布信息</a>
				</div>
				<!--搜索-->
				<form action="" method="post">
					<div class="list_serve">
						<ul class="list_time">
							<li><a href="">2013</a></li>
							<li><a href="">2012</a></li>
							<li><a href="">2011</a></li>
						</ul>
						<div class="list_frame">
							<div class="classes">
								<select name="">
									<option value="">类别</option>
									<option value="">what</option>
									<option value="">the</option>
									<option value="">hell</option>
								</select>
							</div>
							<div class="keywords classes">
								<div class="text_frame">
									<input type="search" name="" id="key" placeholder="关键词" />
								</div>
								<div class="serve_frame">
									<label for="key">
										<a href="">搜索</a>
									</label>
								</div>
							</div>
						</div>
					</div>
				</form>
				<ul class="list_content">
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
					<li>
						<div class="li_date">
							<h3>19</h3>
							<p>2012.10</p>
						</div>
						<a href="" class="li_picture">
							<img src="../img/L/l-project.jpg"/>
						</a>
						<div class="li_introduce">
							<a href="" class="intro_title"><span>寻求技术合伙人，手机应用类</span></a>
							<p class="intro_classes">
								<span>类别：需找合作人才</span>
								<a href="">发布者：某科技公司</a>
							</p>
						</div>
					</li>
				</ul>
				<div class="list_page clearfix">
					<select name="">
						<option value="">第1页</option>
						<option value="">what</option>
						<option value="">the</option>
						<option value="">hell</option>
					</select>
					<a href="">下一页</a>
				</div>
			</section>
			
			<!--底部-->
			<footer>
				<div class="footer_frame">
					<section class="footer_content">
						<div class="footer_about">
							<ul class="about_word">
								<li><a href="">关于联盟</a></li>
								<li><a href="">加入联盟</a></li>
								<li><a href="">联盟事件</a></li>
								<li><a href="">防骗说明</a></li>
								<li><a href="">合作链接</a></li>
							</ul>
						</div>
						<div class="footer_contact">
							<div class="contact_more">
								<ul class="more_content">
									<li><a href="">与联盟保持联系</a></li>
									<li>
										<div class="more_img">
											<img src="../img/L/l_pin.png"/>
										</div>
									</li>
									<li class="more_menu">
										<a href="">更多信息</a>
										<a href="">信息1</a>
										<a href="">信息2</a>
										<a href="">信息3</a>
									</li>
									<li class="more_menu">
										<a href="">公益合作</a>
										<a href="">公益1</a>
										<a href="">公益2</a>
										<a href="">公益3</a>
									</li>
									<li><a href="">商业合作与风险投资</a></li>
								</ul>
							</div>
							<div class="help_frame">
								<ul class="contact_help">
									
									<!--<li class="more_help">
										<a href="">帮助</a>
										<div class="help_menu">
											<p>不想帮你...</p>
											<p>不想帮你...</p>
											<p>不想帮你...</p>
										</div>
									</li>
									<li><a href="" class="iconfont icon-earth"></a></li>
									<li class="more_help">
										<a href="">语言</a>
										<div class="language_menu">
											<p>chinese...</p>
											<p>英语...</p>
											<p>فارسی...</p>
										</div>
									</li>
									<li><a href="" class="iconfont icon-facebook ico_li"></a></li>
									<li><a href="" class="iconfont icon-Twitter ico_li"></a></li>-->
								</ul>
							</div>
						</div>
						<div class="footer_logo">
							<picture class="union"><img src="../img/L/l_hg_logo.png"/></picture>
							<picture class="four"><img src="../img/L/l_ma_logo.jpg"/></picture>
							<div class="logo_content">
								<h4>您的位置</h4>
								<h5 class="logo_hua"><a href="">华夏海归</a> <span>>|</span><a href="">首页</a></h5>
								<p class="logo_beian">本网站所有图片均由Getty images公司授权发布,侵权必究,<a href="">京ICP备06049229号</a></p>
							</div>
						</div>
					</section>
				</div>
			</footer>
		</div>
		<!--轮播-->
		<script src="../js/l-list-jq.js">
				
		</script>
		<script src="../js/l-list.js">
			
		</script>
		<script>
			new lunbo(".out",283/1161)
		</script>
		
		
		<!--返回顶部插件-->
		<a class="to-top">TOP</a>
		<script src="../js/l-jquery-1.11.3.min.js"></script>
		<script src="../js/l-jquery.toTop.min.js"></script>
		<script type="text/javascript">
			 $('.to-top').toTop({
			      //options with default values
			      autohide: true,
//			      	自动隐藏
			      offset: 420,
//			      距离顶部多少距离时自动隐藏按钮
			      speed: 500,
//			      滚动持续时间
			      position: true,
//			      如果设置为 false，则需要手动在 css 中设置“按钮”的位置
			      right: 15,
//			      右侧距离
			      bottom: 30
//			      底部距离
			  });
		</script>
		
		
	</body>
</html>
